<%@ page isELIgnored="false" language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<c:set var="_path" value="${pageContext.request.contextPath}"></c:set>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
    <script type="text/javascript">
    jQuery(function($){
		$('#mafTable').datagrid({
			title:'一卡通操作明细',//标题
			method:'post',
			iconCls:'icon-edit',//图标
			height:400,
			singleSelect:false,//多选
			fitColumns: true,//自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
			striped: true,//奇偶行颜色不同
			collapsible:false,//可折叠
			sortName: 'itemid', //排序的列
			sortOrder: 'desc', //倒序
			remoteSort: true, //服务器端排序
			idField:'itemid', //主键字段
			queryParams:{}, //查询条件
			pagination:true, //显示分页
			rownumbers:true, //显示行号
			columns:[[
				{field:'itemid',title:'流水号',width:20,sortable:true
				},
				{field:'cardid',title:'操作卡号',width:20,sortable:true
				},
				{field:'mafflag',title:'操作种类',width:20,sortable:true,
					formatter:function(value,row,index){ 
						if(row.mafflag==2){
							return "挂失";
						}else if (row.mafflag==3){
							return "账户解除";
						}else if (row.mafflag==1){
							return "解挂";
						}else{
							return "异常";
						}
					}
				},
				{field:'delmoney',title:'退卡金额',width:20,sortable:true
				},{field:'creatuserid',title:'操作员',width:20,sortable:true
				},
				{field:'creatdatetime',title:'操作日期',width:20,sortable:true
				}
			]],
			toolbar:[{
				text:'导出PDF',
				iconCls:'icon-print',
				handler:function(){
					$('#queryForm').attr('method','post');
					$('#queryForm').attr('action','${_path}/maf/exportOperCardForPdf');
					$('#queryForm').submit();
				}
			},'-',{
				text:'导出EXCEL',
				iconCls:'icon-print',
				handler:function(){
					$('#queryForm').attr('method','post');
					$('#queryForm').attr('action','${_path}/maf/exportOperCardForExcel');
					$('#queryForm').submit();
				}
			}],
			onLoadSuccess:function(){
				$('#mafTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
			}
		});
    	
		//下拉表格初始化，这个东西在ajax下要尽量少用，太变态了，每加载一次就会重新创建一次，隐藏在页面上，
		//时间一长效率很低，用firebug一看页面上有几十个同样的层保存着下拉框中的内容，只有整个页面全部刷新才清除。
		//不知道新版本修正了没有，我目前的做法是点击菜单的时候手动清除一下。
		$('#deptCombo').combogrid({
			idField:'id', //ID字段
		    textField:'name',//显示的字段
		    url:"dept/queryAll",
		    fitColumns: true,
			striped: true,
			editable:false,//不可编辑，只能选择
		    columns:[[
		        {field:'code',title:'编号',width:100},
		        {field:'name',title:'名称',width:150}
		    ]]
		});

	});
    //新增
    function addrow(){
    	showWindow({
  			title:'增加字典',
  			href:'maf/mafPopWindow',
  			width:500,
  			height:350,
  			onLoad: function(){
  				$('#mafForm').form('clear');
  				$('#oper').val(1);
  				$('#creatuserid').val('<sec:authentication property="name"/>');
  			}
  		});
	}
    //更新
    function updaterow(){
		var rows = $('#mafTable').datagrid('getSelections');
		//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
		if(rows.length==0){
			$.messager.alert('提示',"请选择你要更新的用户",'info');
			return;
		}
		if(rows.length > 1){
			$.messager.alert('提示',"只能选择一位用户进行更新",'info');
			return;
		}
		showWindow({
  			title:'更新字典',
  			href:'maf/mafPopWindow',
  			width:500,
  			height:350,
  			onLoad: function(){
 			rows[0]["creatuserid"] = '<sec:authentication property="name"/>';
  			//自动将数据填充到表单中，无需再查询数据库，这里需要注意：
  			//spring mvc中表单元素的名称不带对象前缀，直拉就是id，所以这里load的时候是：.form('load', rows[0].user)
  			$("#mafForm").form('load', rows[0]);
  			$('#oper').val(0);
  			}
  		});
	}
  	
    //删除
  	function deleterow(){
  		$.messager.confirm('提示','确定要删除吗?',function(result){
	        if (result){
	        	var rows = $('#mafTable').datagrid('getSelections');
	        	var ps = "";
	        	$.each(rows,function(i,n){
	        		if(i==0) 
	        			ps += "?json=[{'id':"+n.id+",'kindid':"+n.kindid+"}";
	        		else
	        			ps += ",{'id':"+n.id+",'kindid':"+n.kindid+"}";
	        	});
	        	ps=ps+"]";
	        	$.post('maf/delete'+ps,function(data){
		        	$('#mafTable').datagrid('reload'); 
	        		$.messager.alert('提示',data.mes,'info');
	        	});
	        }
	    });
  	}
    
    //表格查询
	function doSearch(){
		var params = $('#mafTable').datagrid('options').queryParams;//先取得 datagrid的查询参数
		var fields =$('#queryForm').serializeArray();//自动序列化表单元素为JSON对象
		$.each( fields, function(i, field){
			params[field.name] = field.value;//设置查询参数
		}); 
		$('#mafTable').datagrid({url:"maf/queryList"});
	}
	//清空查询条件
	function clearForm(){
		$('#queryForm').form('clear');
		searchUser();
	}
	</script>	
   <form id="queryForm" style="margin:10;text-align: center;">
	<table width="100%">
		<tr>
			<td>一卡通卡号：</td>
			<td>
				<input name="cardid" style="width: 150"/>
			</td>
			<td>操作流水号：</td>
			<td colspan="3">
				<input name="itemid" title="该字段精确匹配,请输入流水号整数部分" style="width: 150"/>
			</td>
			<td align="center">
				<a href="javascript:void(0);" onclick="clearAbbForm()" class="easyui-linkbutton" iconCls="icon-search">清空</a>
			</td>
		</tr>
		<tr>
			<td>起始日期：</td>
			<td>
				<input class="easyui-datetimebox" name="begincreatdatetime" style="width: 150"/>
			</td>
			<td>结束日期：</td>
			<td>
				<input class="easyui-datetimebox" name="endcreatdatetime" style="width: 150"/>
			</td>
			<td>操作员：</td>
			<td>
				<input name="creatuserid" style="width: 150">
			</td>
			<td align="center"><a href="javascript:void(0);" onClick="doSearch()" class="easyui-linkbutton" iconCls="icon-search">查询</a></td>
		</tr>
	</table>
  </form>
  <div style="padding:10" id="tabdiv">
	<table id="mafTable"></table>
  </div>